<template>
    <p>Bob 儿子</p>
    <slot name="header" :sonName="name">这是默认内容</slot>
    <p>中间</p>
    <slot name="footer" >这是默认内容</slot>
    <p>{{ name }}</p>

</template>

<script>
export default{
    data(){
        return {
            name: "Bob"
        }
    }
}
</script>
